@charset "utf-8";
/* CSS Document */

/*header*/
.header_bg{ position:relative; width:100%; overflow:hidden; height:100%;}
.header_nav{ width:250px; background:#00b7ef; height:100%; position:absolute; z-index:3; left:0; top:0;}
.i_logo{ width:250px; height:165px; background:url(../images/logo.jpg) no-repeat center; text-indent:-9999px;}
.i_logo a{ width:250px; height:165px; display:block;}
.i_nav{ height:50px; line-height:50px; text-indent:65px; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.i_nav:hover{ background:url(../images/nav_icon.jpg) no-repeat 40px center #00a6d9;}
.i_nav a,.i_nav a:link,.i_nav a:hover,.i_nav a:visited{ color:#fff; display:block;}
.i_lang{ position:absolute; bottom:0; left:0; width:80%; margin:0 10%; margin-bottom:30px;}
.i_lang_zh{ float:left; background:url(../images/zh.gif) no-repeat left center; text-indent:25px; line-height:25px; width:50%; font-family:"微软雅黑"; font-size:14px;}
.i_lang_zh a,.i_lang_zh a:link,.i_lang_zh a:hover,.i_lang_zh a:visited{ color:#fff; display:block;}
.i_lang_en{ float:left; background:url(../images/en.gif) no-repeat left center; text-indent:25px; line-height:25px; width:50%; font-family:"微软雅黑"; font-size:14px;}
.i_lang_en a,.i_lang_en a:link,.i_lang_en a:hover,.i_lang_en a:visited{ color:#fff; display:block;}
.i_search{ padding-bottom:5px; border-bottom:1px solid #fff; width:100%; height:30px; line-height:30px;}
.search_input{ border:none; background:none; color:#fff; font-family:"微软雅黑"; font-size:14px; text-indent:10px;}
.search_submit{ background:none; border:none; color:#fff; margin-right:10px; cursor:pointer;}

.top{ width:100%; background:#00b7ef; height:50px; line-height:50px;}
.search_box{ float:left;}
.search_box .search_input{ height:50px; line-height:50px; font-family:"微软雅黑"; font-size:14px; color:#fff;}
.search_box .search_submit{ line-height:50px; height:50px; cursor:pointer;}
.lang_box{ float:right; width:190px;}
.lang_box div{ line-height:50px; height:50px;}
.iheader_bg{ height:106px; background:#fff; width:100%; text-align:center;}
.iheader_bg ul li{ display:inline-block; font-family:"微软雅黑"; font-size:13px; line-height:106px; height:106px; overflow:hidden; padding:0 1.5%; text-transform:uppercase;}
.iheader_bg a.active{ color:#1f9191;}
.logo img{ margin-top:10px; margin-bottom:15px;}

/*banner*/
.mBan { overflow: hidden;}
.mBan .slideBox{ width:100%; position:relative; overflow:hidden;}

.mBan .slideBox .hd{ height: 12px; position: absolute; bottom:4%; z-index: 1; width:100%; text-align:center; left:0;}
.mBan .slideBox .hd span{ width: 12px; height: 12px; background:#fff; cursor: pointer; margin:0 5px; display:inline-block; overflow:hidden; border-radius:12px;}
.mBan .slideBox .hd span.on{ background:#00b7ef; text-align:center;}

.mBan .slideBox .bd{ position:relative; z-index:0;   }
.mBan .slideBox .bd ul,.slideBox .bd ul li{width:100%!important; list-style:none;}
.mBan .slideBox .bd image{ width:100%;  display:block;  }

/*index*/
.i_pro_title{ width:20%; float:left; position:relative;}
.i_pro_hot{ color:#444; font-family:"微软雅黑"; font-size:36px; position:absolute; z-index:1; left:30px; top:40px;}
.i_pro_more{ width:140px; height:42px; line-height:42px; border:3px solid #00b7ef; position:absolute; z-index:1; left:30px; top:100px; text-align:center; font-size:24px; border-radius:30px; color:#00b7ef;}
.i_pro_hot span{ text-transform:uppercase; color:#00b7ef;}
.i_pro_title img{ display:block; width:100%;}
.i_pro_warp{ width:20%; float:left; box-sizing:border-box; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; background:#fff;}
.i_pro_warp .i_pro_box{ text-align:center; margin:10% 20% 0 20%;}
.i_pro_warp .i_pro_box img{ width:100%;}
.i_pro_warp p{ font-family:"微软雅黑"; font-size:13px; line-height:22px; width:80%; margin:0 10%; margin-top:15px;}
.i_about_pic{ width:50%; float:left; background:url(../images/i_about_pic.jpg) no-repeat right center; height:539px;}
.i_about_txt{ width:50%; float:left; background:url(../images/i_about_txt.jpg) no-repeat right center; height:539px;}
.i_about_title{ font-family:"微软雅黑"; font-size:48px; color:#00b7ef; margin-top:110px; margin-bottom:45px; margin-left:6%;}
.i_about_txt p{ margin:0 6%; width:88%; font-family:"微软雅黑"; font-size:16px; color:#444; line-height:30px; margin-bottom:50px;}
.i_about_more{ width:140px; height:42px; line-height:42px; border:3px solid #00b7ef; text-align:center; font-size:24px; border-radius:30px; color:#00b7ef; margin-left:6%;}
.i_about_more a,.i_about_more a:link,.i_about_more a:hover,.i_about_more a:visited{ color:#00b7ef; display:block;}
.i_title{ font-family:"微软雅黑"; color:#000; font-size:28px; background:url(../images/line1.jpg) no-repeat center bottom; padding-bottom:40px; margin:50px 0;}

.i_four_warp{ width:25%; float:left;}
.i_four_box{ width:96%; margin:0 2%; height:270px;}
.four1{ background:#00b7ef;}
.four2{ background:#d0f4ff;}
.four1 h1,.four1 p{ color:#fff;}
.four2 h1,.four2 p{ color:#444;}
.i_four_icon1{ width:76px; height:76px; line-height:76px; display:inline-block; margin-top:-38px; text-align:center; border-radius:40px; background:#fff; box-shadow:4px 4px 5px #0092e4;}
.i_four_icon2{ width:76px; height:76px; line-height:76px; display:inline-block; margin-top:-38px; text-align:center; border-radius:40px; background:#fff; box-shadow:4px 4px 5px #a9e2f5;}
.i_four_icon1 i{ font-size:50px; color:#00b7ef;}
.i_four_icon2 i{ font-size:50px; color:#00b7ef;}
.i_four_box h1{ text-align:center; font-family:"微软雅黑"; font-size:22px; margin-top:30px; margin-bottom:30px;}
.i_four_box p{ margin:0 5%; width:90%; text-align:center;  font-size:14px; line-height:22px; font-family:"微软雅黑";}

.i_contact_pic{ width:100%; background:url(../images/i_contact_pic.jpg) no-repeat center; height:230px;}
.i_contact_pic a{ width:100%; height:230px; display:block;}

.i_news_warp{ width:33.3%; float:left;}
.i_news_box{ width:80%; margin:0 10% 50px 10%; position:relative;}
.i_news_catename{ position:absolute; z-index:2; font-family:"微软雅黑"; font-size:24px; line-height:55px; height:55px; background:#009e96; width:260px; display:block; left:0; top:-25px; text-indent:20px; color:#fff;}
.i_news_box img{ width:100%; display:block;}
.i_news_title{ position:absolute; z-index:2; bottom:0; width:90%; background:rgba(0,183,239,.7); height:80px; color:#fff; padding:30px 5%; font-size:28px; font-family:"微软雅黑"; line-height:40px;}
.i_news_box:hover .i_news_title{ background:rgba(0,183,239,1);}
.i_news_more{ width:140px; height:42px; line-height:42px; border:3px solid #00b7ef; text-align:center; font-size:24px; border-radius:30px; color:#00b7ef; margin:0 auto; margin-top:50px;}
.i_news_more a,.i_news_more a:link,.i_news_more a:hover,.i_news_more a:visited{ color:#00b7ef; display:block;}

.i_partner{ width:100%; height:140px; background:url(../images/i_partner.jpg) no-repeat center;}

/*bottom*/
.bottom_bg{ height:260px; padding-top:50px; background:#444444;}
.bot_nav1{ width:200px; float:left;}
.bot_h1{ text-transform:uppercase; font-family:"微软雅黑"; font-size:14px; color:#fff; margin-bottom:15px;}
.bot_div{ font-family:"微软雅黑"; font-size:13px; line-height:26px; width:180px; float:left;}
.bot_div a,.bot_div a:link,.bot_div a:visited{ color:#e1e1e1;}
.bot_div a:hover{ color:#fff;}
.bot_nav2{ width:400px; float:left;}
.wechat{ width:153px; height:183px; float:right; margin-right:40px; text-align:center;}
.wechat div{ line-height:30px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-transform:uppercase;}
.copyright{ text-align:center; line-height:55px; background:#2d2d2d; text-transform:uppercase; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.copyright a,.copyright a:link,.copyright a:hover,.copyright a:visited{ color:#fff;}

/*list*/
.in_banner{ text-align:center; font-family:"微软雅黑"; font-size:40px; color:#fff; height:170px; padding-top:130px;}
.list_menu_warp{ width:100%; background:#f8f8f8; overflow:hidden; padding:15px 0;}
.list_menu_box{ width:90%; margin:0 5%;}
.list_menu_div{ float:left; width:20%; text-align:center; font-family:"微软雅黑"; font-size:15px; line-height:36px;}
.list_menu_div a{ display:block;}
.list_on{ background:#00b7ef; border-radius:30px;}
.list_on a,.list_on a:link,.list_on a:hover,.list_on a:visited{ color:#fff; display:block;} 

.list_h1{ font-family:"微软雅黑"; font-size:24px; color:#00b7ef; margin-top:50px; width:100%; padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:20px;}

/*about*/
.page_content{ line-height:30px; font-family:"微软雅黑"; font-size:14px; color:#666;}

/*大层*/
.pb_container{width:100%;margin: 0 auto;}
/*瀑布流层*/
.pb_waterfall{
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:4; /* Safari 和 Chrome */
	column-count:4;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
}
/*一个内容层*/
.pb_item{
	padding: 1em;
	margin: 0 0 1em 0;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	border: 1px solid #ddd;
	border-radius:6px;
}
.pb_item:hover{ box-shadow:0 0 10px #ccc; border:1px solid #00b7ef;}
.pb_item p{ font-family:"微软雅黑"; font-size:14px; color:#444;}
.pb_item img{
	width: 100%;
	margin-bottom:10px;
}

/*pro_list*/
.l_pro_warp{ width:20%; float:left; box-sizing:border-box; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center;}
.l_pro_warp .i_pro_box{ text-align:center; margin:10% 20% 0 20%;}
.l_pro_warp .i_pro_box img{ width:100%;}
.l_pro_warp p{ font-family:"微软雅黑"; font-size:13px; line-height:22px; width:80%; margin:0 10%; margin-top:15px;}


/*pro_msg*/
.pro_msg_pic{ float:left; border:1px solid #ddd; width:40%; text-align:center; box-sizing:border-box;}
.pro_msg_pic img{ width:80%; display:block; margin:10%;}
.pro_msg_r{ width:55%; float:right; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#444;}
.pro_other_warp{ width:25%; float:left;}
.pro_ohter_box{ width:90%; margin:5%; border:1px solid #eee; border-radius:4px; box-sizing:border-box; overflow:hidden;}
.pro_ohter_box:hover{ box-shadow:0px 3px 5px #eee; margin-top:-20px;}
.pro_ohter_box img{ width:90%; margin:5%; display:block;}
.pro_ohter_title{ line-height:26px; font-family:"微软雅黑"; font-size:12px; text-align:center; margin:10% 5%;}

/*news_msg*/
.news_title{ width:100%;  text-align:left; font-size:18px; color:#00b7ef; padding-bottom:0; }
#news_infor{ width:100%; color:#999999;border-bottom:1px solid #E7E7E7; line-height:32px; overflow:hidden; text-align:left; font-size:11px;}
.news_content_detail{ padding:20px 0; margin-bottom:10px; text-align:left; line-height:32px;}
.news_content_detail img{ margin:15px 0;}
#promore{border-top:1px solid #E7E7E7; line-height:30px;}
#promore a{ font-size:14px;}

/*pager*/
.pagelist {margin:20px auto;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:25px; height:25px; line-height:27px; overflow:hidden; display:block; text-align:center; margin:0 3px;}
.pagelist .aa {background:#686868; color:#fff; border:1px solid #d2d2d2;} /*2 color-on*/
.pagelist .bb {background:#ffffff; color:#464646; border:1px solid #d2d2d2;} /*3 color-off*/
.pagelist .aa:hover {background:#686868; color:#fff; text-decoration:none;}
.pagelist .bb:hover {background:#686868; color:#fff; text-decoration:none;} /*1 color-hover*/
.page_front, .page_back, .page_first, .page_last {width:55px; background:#fff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background:#686868; color:#fff; text-decoration:none;}